<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>南潮嘉音传媒有限公司</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/main.css" id="main-css">
<link rel="stylesheet" href="styles/main.css"/>


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/rev-setting-1.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/fenxiang.js"></script>
</head>

<body>
<div class="head">
	<div class="head_kuang">
        <div class="logo"><img src="img/logo.png"></div>
        <div class="nav_1">
            <a href="index.html" style=" color:#009ee0">首页</a>
            <a href="gywm.html">关于我们</a>
            <a href="xwdt.html">新闻动态</a>
            <a href="zpzs/zpzs.html" target="_blank">作品展示</a>
            <a href="fwxm.html">服务项目</a>
            <a href="jdkh.html">经典客户</a>
            <a href="lxwm.html">联系我们</a>
            <a><img style="display:block;" src="img/dianhua.png"></a>
            <a style="font-size:20px; margin-left:1px;">: 400-801-4235</a>
        </div>
    </div>
</div>



<div class="banner">
	<!--<img src="img/banner.png">-->
    
    
    <div class="fullwidthbanner-container">
		<div id="revolution-slider">
			<ul>
				 <li data-transition="fade" data-slotamount="10" data-masterspeed="300" data-thumb="images-slider/thumbs/thumb1.jpg">
					<!--  BACKGROUND IMAGE -->
					<img src="images-slider/wide10.jpg" alt="" />

					<!-- THE CAPTIONS IN THIS SLIDE -->
					<div class="tp-caption sfl"
						data-x="-330"
						data-y="50"
						data-speed="300"
						data-start="300"
						data-easing="easeOutBack">
						<img src="images-slider/rb.png" alt="">
					</div>

					<div class="tp-caption med-white lfl"
						data-x="-200"
						data-y="125"
						data-speed="300"
						data-start="800"
						data-easing="easeOutExpo">
						&nbsp;&nbsp;品 牌 —— 家喻户晓！&nbsp;首 选：
					</div>

					<div class="caption sfb very-big-white"
						data-x="-200"
						data-y="190"
						data-speed="300"
						data-start="1200"
						data-easing="easeOutExpo">
						南潮嘉音
					</div>


					<div class="tp-caption small-white lfr"
						data-x="-200"
						data-y="255"
						data-speed="300"
						data-start="1600"
						data-easing="easeOutExpo">
						<a href="weixinyemian/wxtg.html"  class="btn btn-large btn-primary">点击开始宣传</a>
					</div>


					<div class="tp-caption lfb"
						data-x="390"
						data-y="300"
						data-speed="1000"
						data-start="2000"
						data-easing="easeOutExpo"
						data-endeasing="fade"
						>
						<img src="images-slider/weixin.png" alt="">
					</div>

					<div class="tp-caption small-white lft"
						data-x="700"
						data-y="200"
						data-speed="2000"
						data-start="2600"
						data-easing="easeOutExpo">
						<img src="images-slider/weixin_2.png" alt="">
					</div>

					<div class="tp-caption fade"
						data-x="390"
						data-y="300"
						data-speed="2000"
						data-start="2600"
						data-easing="easeOutExpo">
						<img src="images-slider/weixin_1.png" alt="">
					</div>
				</li>
				
				<!-- THE FIRST SLIDE -->
				<li data-transition="fade" data-slotamount="10" data-masterspeed="300" data-thumb="images-slider/thumbs/thumb1.jpg">
					<!--  BACKGROUND IMAGE -->
					<img src="images-slider/wide11.jpg" alt="" />

					<!-- THE CAPTIONS IN THIS SLIDE -->
					<div class="caption large_text sfb"
						data-x="300"
						data-y="357"
						data-speed="300"
						data-start="800"
						data-easing="easeOutExpo">
						<img src="images-slider/our-features.png" alt="">
					</div>

					<div class="tp-caption sfr"
						data-x="220"
						data-y="265"
						data-speed="300"
						data-start="1000"
						data-easing="easeOutBack">
						<img src="images-slider/lu.png" alt="">
					</div>

					<div class="tp-caption sfr"
						data-x="110"
						data-y="235"
						data-speed="300"
						data-start="1200"
						data-easing="easeOutBack">
						<img src="images-slider/clean.png" alt="">
					</div>

					<div class="tp-caption sfr"
						data-x="180"
						data-y="367"
						data-speed="300"
						data-start="1400"
						data-easing="easeOutBack">
						<img src="images-slider/lm.png" alt="">
					</div>

					<div class="tp-caption sfr"
						data-x="0"
						data-y="367"
						data-speed="300"
						data-start="1600"
						data-easing="easeOutBack">
						<img src="images-slider/responsive.png" alt="">
					</div>

					<div class="tp-caption sfr"
						data-x="220"
						data-y="435"
						data-speed="300"
						data-start="1800"
						data-easing="easeOutBack">
						<img src="images-slider/lb.png" alt="">
					</div>

					<div class="tp-caption sfr"
						data-x="40"
						data-y="495"
						data-speed="300"
						data-start="2000"
						data-easing="easeOutBack">
						<img src="images-slider/bootstrap.png" alt="">
					</div>

					<div class="tp-caption sfl"
						data-x="625"
						data-y="265"
						data-speed="300"
						data-start="2200"
						data-easing="easeOutBack">
						<img src="images-slider/ru.png" alt="">
					</div>

					<div class="tp-caption sfl"
						data-x="730"
						data-y="235"
						data-speed="300"
						data-start="2400"
						data-easing="easeOutBack">
						<img src="images-slider/solid.png" alt="">
					</div>

					<div class="tp-caption sfl"
						data-x="650"
						data-y="367"
						data-speed="300"
						data-start="2600"
						data-easing="easeOutBack">
						<img src="images-slider/rm.png" alt="">
					</div>

					<div class="tp-caption sfl"
						data-x="770"
						data-y="367"
						data-speed="300"
						data-start="2800"
						data-easing="easeOutBack">
						<img src="images-slider/lightweight.png" alt="">
					</div>

					<div class="tp-caption sfl"
						data-x="625"
						data-y="435"
						data-speed="300"
						data-start="3000"
						data-easing="easeOutBack">
						<img src="images-slider/rb.png" alt="">
					</div>

					<div class="tp-caption sfl"
						data-x="730"
						data-y="495"
						data-speed="300"
						data-start="3200"
						data-easing="easeOutBack">
						<img src="images-slider/fresh.png" alt="">
					</div>
				</li>

				<li data-transition="fade" data-slotamount="10" data-masterspeed="300" data-thumb="images-slider/thumbs/thumb1.jpg">
					<!--  BACKGROUND IMAGE -->
					<img src="images-slider/wide12.jpg" alt="" />

					<!-- THE CAPTIONS IN THIS SLIDE -->
				  <div class="tp-caption sfl"
						data-x="270"
						data-y="240"
						data-speed="300"
						data-start="300"
						data-easing="easeOutBack">
						<img src="images-slider/3-1.png" alt="">
					</div>

				  <div class="caption sfb"
						data-x="-190"
						data-y="330"
						data-speed="300"
						data-start="800"
						data-easing="easeOutExpo">
						<img src="images-slider/3-2.png" alt="">
					</div>

					

					

					<div class="tp-caption small-white lfb"
						data-x="320"
						data-y="600"
						data-speed="1000"
						data-start="1400"
						data-easing="easeOutExpo">
						<img src="images-slider/3-3.png" alt="">
					</div>
                    
                    <div class="tp-caption small-white sfr"
						data-x="410"
						data-y="630"
						data-speed="300"
						data-start="1800"
						data-easing="easeOutExpo">
						<a href="fwxm.html" style="font-family:微软雅黑; font-size:26px; color:#FFF;" >查看详情</a>
					</div>
                    
				</li>
			   
			</ul>
		</div>
</div>
    
    
    
    
</div>
<!--内容-->
<div style="width:100%">

<div class="zhuyekuang" style="margin:auto; width:1210px;">
	<div class="text_1">
		<img src="img/text_1.png">
	</div>
    <div class="text_2">
        <div class="tu">
        <img src="img/tu_1.png">
        <img src="img/vi_sj.png">
        </div>
        <a>规范化的形式语言和系统化的视觉符号，传达给社会大众，具
    有突出企业个性，塑造企业形象的功能。</a>
    </div>
    <div class="text_3">
        <div class="tu">
        <img src="img/tu_2.png">
        <img src="img/pm_sj.png">
        </div>
        <a>个人创意特区内容。除了具备“初级设计”和“次级设计的因”
    素外，需要融入“与众不同的设计理念——创意”。</a>
    </div>
    <div class="text_4">
        <div class="tu">
        <img src="img/tu_3.png">
        <img src="img/bz_sj.png">
        </div>
        <a>包装（packaging）是品牌理念、产品特性、消费心理的综合
    反映，它直接影响到消费者的购买欲。我们深信。</a>
    </div>
</div>

<div class="AL">
	<div class="txt_1" style="background-color:#222222;"><img src="img/AL.png"></div>
    <div class="AL_kuang">
    	
    	<!--<div class="AL_kuang1">
        	<a href="zpzs_2.html"><img src="img/AL_1.png"></a>
            <div class="AL_kuang1_1">活动舞台布置</a></div>
        </div>
        <div class="AL_kuang2">
        	<img src="img/AL_2.png">
            <div class="AL_kuang1_1">会议庆典策划</a></div>
        </div>
        <div class="AL_kuang3">
        	<img src="img/AL_3.png">
            <div class="AL_kuang1_1">“海天盛筵”活动安保</a></div>
        </div>
        <div class="AL_kuang4">
        	<img src="img/AL_4.png">
            <div class="AL_kuang1_1">微信智能营销推广</a></div>
        </div>
        <div class="AL_kuang5">
        	<img src="img/AL_5.png">
            <div class="AL_kuang1_1">“圆通速递”开业庆典策划</a></div>
        </div>
        <div class="AL_kuang6">
        	<img src="img/AL_6.png">
            <div class="AL_kuang1_1">网页优化设计</a></div>
        </div>-->
        
        <table width="1160" border="0">
  <tr>
    <td width="300" height="300"> <!-- normal -->
            <div class="ih-item square effect6 right_to_left"><a href="#">
                <div class="img"><img src="images/1.jpg" alt="img"></div>
                <div class="info">
                    <div class="info-back">
                        <h3>婚展策划</h3>
                        <p>Only beautiful romantic wedding</p>
                    </div>
                </div>
            </a></div>
            <!-- end normal --></td>
    <td width="300"> <!-- normal -->
            <div class="ih-item square effect6 right_to_left"><a href="#">
                <div class="img"><img src="images/2.jpg" alt="img"></div>
                <div class="info">
                    <div class="info-back">
                        <h3>活动安保</h3>
                        <p>The embodiment of strength and wisdom</p>
                    </div>
                </div>
            </a></div>
            <!-- end normal --></td>
    <td width="300"> <!-- normal -->
            <div class="ih-item square effect6 left_to_right"><a href="#">
                <div class="img"><img src="images/3.jpg" alt="img"></div>
                <div class="info">
                    <div class="info-back">
                        <h3>会展服务</h3>
                        <p>Meeting exhibition service</p>
                    </div>
                </div>
            </a></div>
            <!-- end normal --></td>
  </tr>
  <tr>
    <td><!-- normal -->
            <div class="ih-item square effect7 left_to_right"><a href="#">
                <div class="img"><img src="images/4.jpg" alt="img"></div>
                <div class="info">
                    <div class="info-back">
                        <h3>进入微时代</h3>
                        <p>The micro world</p>
                    </div>
                </div>
            </a></div>
            <!-- end normal --></td>
    <td><!-- normal -->
            <div class="ih-item square effect7 top_to_bottom"><a href="#">
                <div class="img"><img src="images/5.jpg" alt="img"></div>
                <div class="info">
                    <div class="info-back">
                        <h3>庆典策划</h3>
                        <p>The celebration service</p>
                    </div>
                </div>
            </a></div>
            <!-- end normal --></td>
    <td><!-- normal -->
            <div class="ih-item square effect7 right_to_left"><a href="#">
                <div class="img"><img src="images/6.jpg" alt="img"></div>
                <div class="info">
                    <h3>企业建站</h3>
                    <p>Enterprise web site set up</p>
                </div>
            </a></div>
            <!-- end normal --></td>
  </tr>
  <tr>
  		<td></td>
        <td><a href="zpzs/zpzs.html" target="_blank"><input class="button_1 blue_1" type="button" value="查看更多案例" style=" width:200px; height:44px; font-family:微软雅黑; color:#fff; margin-left:56px; margin-top:40px;"/></a></td>
        <td></td>
  </tr>
  
  
</table>
	<div style=" width:1160px; "><img  src="img/777.png"></div>
        
        
        

    



        
        
        
    </div>
    </div>
</div>


<!--设计test-->
<div class="" style="width:100%; background-color:#FFF; float:left;"> 
	<div style="width:1200px; margin:auto;"><img src="img/cy.jpg"></div>
</div>



<!--合作伙伴-->
<div class="KH_kuang">
<div class="KH"><img src="img/kh.png"></div>
</div>










<!--页脚-->
<div class="yejiao">
	<div class="yejiao_1">
    <a href="">关于我们</a>
    <a href="">联系方式</a>
    <a href="">给我留言</a>
    <a href="">新闻动态</a>
    <a href="">经典客户</a>
    <a href="">友情链接</a>
    </div>
    <div class="fenxiang_kuang">
        <div class="fenxiang">
            <img src="img/weixin.png">
            <img src="img/QQ.png">
            <img src="img/weibo.png">
        </div>
    </div>
    <div class="text_5">
    <a>电话：0898-88250277 </a><a>联系人：张先生</a><a>手机：15607697333</a><br>
    <a>版权所有 Copyright（C）2009-2015 三亚南潮嘉音文化传媒有限公司</a><br>
    <a>地址：海南省三亚市河西区三亚河西路-128号（金润豪庭正对面）-1706室</a></div>
</div>
</body>
</html>
